.banner{background:url(../img/index_bg.jpg) center center no-repeat;background-size:cover;}
.part1{position:relative;z-index:5;margin:-350px auto 90px;background:url(../img/p1bg.png) center center no-repeat}
.part1 .p1_wrap{display:flex;justify-content:center;overflow:hidden;max-width:1920px;position:relative}
.part1 .p1_wrap .t_box{max-width:257px;width:100%;height:224px;position:relative;top:50%;color:#fff;text-align:center;font-size:20px}
.part1 .p1_wrap .t_box b{font-size:60px}
.part1 .p1_wrap .t_box span{margin-top:40px;display:block;font-size:30px}
.part1 .p1_wrap .t_box.t1{background:url(../img/t1.png) center center no-repeat;top:230px;right:80px}
.part1 .p1_wrap .t_box.t2{background:url(../img/t2.png) center center no-repeat;top:130px;left:50px}
.part1 .p1_wrap .b_box.p{color:#b65dd3;background:url(../img/ct.png) center center no-repeat}
.part1 .p1_wrap .b_box.o{color:#eab62c;background:url(../img/cc.png) center center no-repeat}
.part1 .p1_wrap .b_box{max-width:387px;width:100%;height:520px;color:#fff;text-align:center;padding:2.5%;background-size:cover}
.part1 .p1_wrap .b_box .title{position:relative;font-size:20px;font-weight: bold;color:#fff;}
.part1 .p1_wrap .b_box .title::after{content:"";display:block;width:30px;height:1.5px;margin:6px auto 0;background-color:#fff}
.part1 .p1_wrap .b_box .head{margin:27.5% auto}
.part1 .p1_wrap .b_box .head .l{font-size:16px;font-weight:bold;color:#fff;line-height:20px;letter-spacing:1px;text-align:left}
.part1 .p1_wrap .b_box .head .c{font-size:48px;font-weight:bold;color:#fff;text-align:center}
.part1 .p1_wrap .b_box .head .r{font-size:14px;font-weight:bold;color:#fff;text-align:right}
.part1 .p1_wrap .b_box .txt{margin-bottom:26px;font-size:13px;color:#fff;}
.part1 .p1_wrap .b_box a{display:block;max-width:159px;height:37px;margin:0 auto;line-height:37px;text-align:center;background:#fff;border-radius:28px;font-size:16px;font-weight:600}
.part1 .p1_wrap .b_box.p a{color:#b65dd3}
.part1 .p1_wrap .b_box.o a{color:#eab62c}
.part2 .container{text-align:center;padding-bottom:80px;border-bottom:1px solid #eae9f2}
.part2 .head .m{margin-bottom:8px;font-size:18px;line-height:27px}
.part2 .head .b{margin-bottom:7px;font-size:60px;font-weight:bold;color:#272f4b;line-height:80px}
.part2 .head .s{font-size:15px;color:#74737d;line-height:24px}
.part2 ul{display:flex;margin-top:94px;justify-content:space-between}
.part2 ul li{width:30%;max-width:310px}
.part2 ul li img{display:block;max-width:100%;margin:0 auto 42px}
.part2 ul li .b{margin-bottom:12px;font-size:24px;font-weight:bold;color:#1a1a1d;line-height:33px}
.part2 ul li .s{font-size:16px;font-weight:bold;color:#807f89;line-height:28px}
.part3{margin:0 auto 128px;padding-top:72px;text-align:center}
.part3 li{position:relative}
.part3 li .item{position:absolute;left:0;right:0;margin:-45px auto;top:50%}
.part3 li .item img{height:55px;width:auto;max-width:inherit;margin:0 auto}
.part3 li .item p{color:#fff;font-size:16px;margin-top:10px}
.part3 .head .b{font-size:32px;font-weight:700}
.part3 .head .s{height:24px;font-size:15px;color:#74737d;line-height:24px}
.part3 ul{margin-top:64px}
.part3 ul li{width:calc((100% - 27px)/ 2);margin-bottom:30px}
.part3 ul img{display:block;max-width:100%;width:100%}
.part3 .more{display:block;width:201px;height:60px;margin:82px auto 0;background:#d6001a;border-radius:5px;border:1px solid #c31a12;text-align:center;font-size:21px;font-weight:bold;color:#fff;line-height:60px}
.part4{height:904px;background:url(../img/part4.jpg) center center no-repeat;background-size:cover}
.part4 .container{display:flex;padding-top:160px;align-items:center;justify-content:space-between}
.part4 .left{max-width:523px}
.part4 .left .b{max-width:413px;margin-bottom:26px;font-size:32px;font-weight:bold;color:#fff;line-height:51px}
.part4 .left .s{margin-bottom:35px;font-size:21px;font-weight:bold;color:rgba(255,255,255,.7);}
.part4 .left a{display:block;width:216px;height:60px;text-align:center;border-radius:5px;border:1px solid #eae9f2;font-size:20px;font-weight:bold;color:#fff;line-height:58px;transition:all .3s ease}
.part4 .left a:hover{background-color:var(--themaColor);border-color:var(--themaColor)}
.part4 .right{width:60%;max-width:540px}
.part4 .right ul{display:flex;justify-content:space-between;flex-wrap:wrap}
.part4 .right li{width:255px;height:274px;padding:26px 28px;background:#fff;border-radius:10px}
.part4 .right li:nth-child(-n+2){margin-bottom:30px}
.part4 .right li img{display:block;max-width:100%;margin-bottom:23px}
.part4 .right li .b{margin-bottom:10px;font-size:24px;font-weight:bold;color:#1a1a1d;line-height:33px}
.part4 .right li .s{font-size:16px;font-weight:bold;color:#74737d;line-height:28px}
.part5{margin:7.5% 0 5% 0}
.part5 .container{display:flex;margin:0 auto;align-items:center;justify-content:space-between}
.part5 .left{max-width:526px}
.part5 .left .b{margin-bottom:18px;font-size:60px;font-weight:bold;color:#1c1c1f;line-height:70px}
.part5 .left .s{margin-bottom:35px;font-size:21px;font-weight:bold;color:#74737d;line-height:39px}
.part5 .left a{display:block;width:201px;height:60px;line-height:60px;font-size:21px;color:#fff;text-align:center;background:#d6001a;border-radius:5px;border:1px solid #c31a12}
.part5 .right{position:relative;right:-2.5%}
.part5 .right .p{position:absolute;left:18%;bottom:30%;font-weight:700}
.part5 .right .p span{font-size:14px;margin-bottom:8px;display:block;color:#666}
.part5 .right .p font{font-size:20px; max-width:200px;}
.part5 .right img{display:block;max-width:100%;margin:0 auto}
.part6{position:relative;padding:120px 0;color:#fff;background:url(../img/part6.jpg) center center no-repeat;height:904px;background-size:cover}
.part6 .container{display:flex;margin:0 auto;justify-content:space-between}
.part6 .left{position:relative;left:-2.5%}
.part6 .left .p{position:absolute;left:18%;bottom:67%;font-weight:700}
.part6 .left .p span{font-size:14px;margin-bottom:8px;display:block;color:#ccc}
.part6 .left .p font{font-size:20px;max-width:200px;color:#fff}
.part6 .left img{display:block;max-width:100%;margin:0 auto}
.part6 .right{max-width:515px}
.part6 .right>.b{margin-bottom:20px;font-size:60px;font-weight:bold;color:#1c1c1f;line-height:70px}
.part6 .right>.s{margin-bottom:38px;font-size:21px;font-weight:bold;color:#74737d;line-height:36px}
.part6 .right .case_num{display:flex; width:100%;max-width:359px;height:95px;padding:20px;margin-bottom:20px;align-items:center;background:#fff;border-radius:10px;border:1px solid #eae9f2}
.part6 .right .case_num .putImg{position:relative;width:55px;height:55px;margin-right:20px;border-radius:50%}
.part6 .right .case_num .pink{background:rgba(240,64,55,.1)}
.part6 .right .case_num .pp{background:rgba(84,84,212,.1)}
.part6 .right .case_num .putImg img{position:absolute;top:50%;left:50%;width:16px;height:16px;transform:translate(-50%,-50%)}
.part6 .right .case_num .b{font-size:20px;color:#000}
.part6 .right .case_num .s{font-size:20px;color:#bbb}
.part7{margin:5% 0}
.part7 .head{text-align:center;margin-bottom:49px;font-weight:700}
.part7 .head .b{font-size:32px}
.part7 .head .s{font-size:15px;color:#74737d}
.part7>ul{display:flex;justify-content:space-between}
.part7 li{float:left;position:relative;width:32.33%;margin-right:1.5%}
.part7 li.clear{margin-right:0}
.part7 li .putImg{border-top-left-radius:5px;border-top-right-radius:5px;overflow:hidden}
.part7 li .putImg img{display:block;max-width:100%;margin:0 auto;transition:all .55s ease;width:100%}
.part7 li:hover .putImg>img{transform:scale(1.2)}
.part7 li .list_btn .title{line-height:28px;margin-top:16px;margin-bottom:13px;font-size:22px;font-weight:bold;color:#2e2e2e;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.part7 li .list_btn .view_history{display:flex;padding-bottom:20px;justify-content:space-between}
.part7 li .list_btn .view_history img{display:inline-block;margin-right:10px;vertical-align:middle}
.part7 li .list_btn .view_history span{height:13px;font-size:10px;font-weight:bold;color:#74737d;line-height:13px;vertical-align:middle}
.part7 .more{display:block;width:201px;height:60px;line-height:60px;margin:39px auto 80px;font-size:21px;color:#fff;text-align:center;background:#d6001a;border-radius:5px;border:1px solid #c31a12;clear:both}
.part8{text-align:center;background:url(../img/pn_bg.png) center center no-repeat;background-size:cover;overflow:hidden;padding-top:5%}
.part8 .head{font-weight:700}
.part8 .head .b{margin-bottom:8px;font-size:28px;line-height:34px}
.part8 .head .s{font-size:14px;color:#74737d;line-height:21px}
.part8 ul{display: flex;flex-direction: row;flex-wrap: wrap;margin:5% 0 20%}
.part8 li{width:calc(100% / 5);transition:all .3s ease;background-color:transparent}
.part8 li img{ padding:0 5%;}
.part8 li:hover{background-color:#fff}
.part8 .btns{display:flex;margin:5% 0;align-items:center;justify-content:center}
.part8 .btns .bigNum{font-size:120px;font-weight:bold;color:#d6001a;margin-right:15px}
.part8 .btns .b{font-size:45px;font-weight:700}
.part8 .btns .s{font-size:25px}

@media (min-width:1024px){
.part4 .left .b .null-wrap{display:inline-block;width:156px}
}
@media (max-width:1250px){
.part4 .p4_wrap{padding-left:15px;padding-right:15px}
.part5{padding:0 15px}
.part4 .right li{ width:48%; margin:1% !important}
}

@media (max-width:1251px) and (min-width:1106px){
.part1 .p1_wrap .b_box.o,.part1 .p1_wrap .b_box.p{ height:auto; padding:5%;background-size: contain;}	
.part1 .p1_wrap .t_box.t1,.part1 .p1_wrap .t_box.t2{background-size: contain;}
.part1 .p1_wrap .t_box.t1{ right:60px;}
}
@media (max-width:1105px){
.part1 .p1_wrap .t_box.t1,.part1 .p1_wrap .t_box.t2{ display:none;}
.part1 .p1_wrap .b_box{ padding:5%;}
.part4 .left,.part4 .right{width:50%}
.part4 .right ul{justify-content:space-around}
.part4 .right li .s{font-size:16px;line-height:24px}
.part5 .left .b,.part6 .right>.b{ font-size:45px; line-height:inherit}
}
@media (max-width:1045px){
.part2 .head .b{font-size:40px;line-height:50px}
.part4 .right li .s{ font-size:14px;}
.part4 .right li .b{ font-size:20px; line-height:normal;}
.part4 .right li img{ height:50px;}
.part4{height:inherit}
.part5 .left .b,.part6 .right>.b{ font-size:38px; line-height:inherit}
.part6 .right>.s{ font-size:18px; line-height:inherit}
.part5 .right .p font,.part6 .left .p font{ font-size:14px;}
.part6{ height:auto; padding:10% 0;}
.part3 .more,.part4 .left a,.part5 .left a,.part7 .more{width:150px;height:45px;line-height:45px;font-size:14px}
}
@media (max-width:950px){
.part8 ul{flex-wrap:wrap; margin-top:5%;}
.part8 li{width:calc(100% / 3);margin:1% 0;}
.part8 .btn{margin-top:0}
}
@media (max-width:860px){
.part1{ margin:-30% auto 10%}
.part1 .p1_wrap .b_box{ padding:7.5% 10%;}	
.part1 .p1_wrap .b_box.o,.part1 .p1_wrap .b_box.p{ height:auto; background-size:contain}	
.part1 .p1_wrap .b_box .head{ margin:10% auto;}
.part1 .p1_wrap .b_box .head .c{ font-size:36px;}
.part3 li .item img{ height:40px;}
.part3 li .item{margin: -46px auto;}
.part4{height:auto}
.part4 .container{flex-direction:column;align-items:center; padding:10% 15px;}
.part4 .left,.part4 .right{width:100%;max-width:100%;}
.part4 .left{ margin-bottom:5%;}
.part4 .right li{ height:auto;}
.part4 .left .s{ font-size:18px;}
.part4 .left .b{ font-size:28px; line-height:inherit}
.part5 .container,.part6 .container{flex-direction:column;}
.part5 .left,.part5 .right,.part6 .left,.part6 .right{ width:100%; max-width:inherit}
.part5 .left,.part6 .left{ margin-bottom:5%;}
.part5 .right,.part6 .left{ margin:0 auto;max-width:680px;}
.part5 .right .p font, .part6 .left .p font{ font-size:20px;}
.part7 li .list_btn .title{ font-size:18px;}
}

@media (max-width:640px){
.part1 .p1_wrap .b_box .head .c{ font-size:30px;}
.part2 ul li .b{ font-size:20px;}
.part2 ul li .s{ font-size:14px; line-height:25px;}
.part3 ul li{ width:100%; margin:1% 0;}
.part3 .more{ margin-top:10%;}
.part3 ul{ margin-top:10%;}
.part3{ padding:0; margin:10% 0 15% 0;}
.part4 .left .s{ font-size:15px;}
.part4 .left .b{ font-size:22px; line-height:inherit}
.part4 .right li .s{ line-height:inherit}
.part4 .right li .b{ font-size:16px;}
.part5 .left .s,.part6 .right>.s{ font-size:16px; line-height:inherit}
.part5 .left .b, .part6 .right>.b{ font-size:28px;}
.part5 .right .p font, .part6 .left .p font{ font-size:16px;}
.part6 .right .case_num .b{ font-size:16px;}
.part6 .right .case_num .s{ font-size:18px;}
.part7 li{ width:100%; margin:1% 0 !important}
.part8 .btns .bigNum{font-size:80px;}
.part8 .btns .b{font-size:35px;}
.part8 .btns .s{font-size:20px}
}

@media (max-width:500px){
.part1{ margin:-40% auto 10%}
.part1 .p1_wrap .b_box .title{ font-size:14px;}
.part1 .p1_wrap .b_box .head .c{ font-size:22px;}
.part1 .p1_wrap .b_box .head .l{ font-size:14px;}
.part1 .p1_wrap .b_box .head{ margin:35% auto;}
.part1 .p1_wrap .b_box a{ font-size:12px; line-height:30px; height:30px;}
.part1 .p1_wrap .b_box .txt{ display:none}
.part2 .container{ padding-bottom:0}
.part2{ padding-bottom:5%; margin-bottom:5%}
.part2 .head .b{height:auto;font-size:26px;line-height:inherit}
.part2 ul li{width:100%; margin:5% 0;}
.part2 ul{flex-wrap:wrap;flex-direction:column;align-items:center; margin:10% 0;}
.part2 ul li img{ margin-bottom:5%;}
.part2 ul li .b{ font-size:18px;}
.part3 .head .b{ font-size:24px;}
.part3 li .item p{ font-size:14px;}
.part5 .left .s,.part6 .right>.s{ font-size:14px; line-height:inherit}
.part5 .left .b, .part6 .right>.b{ font-size:25px;}
.part5 .right .p font, .part6 .left .p font{ font-size:12px; max-width:150px;}
.part6 .right .case_num .s{ font-size:16px;}
.part6 .right .case_num .b{ font-size:15px;}
.part5 .right .p span,.part6 .left .p span{ margin-bottom:0;}
.part5{ margin-top:15%;}
.part4 .container{ padding-bottom:15%;}
.part7 .head .b{ font-size:24px;}
.part7{ margin:15% 0;}
.part7 li .list_btn .title{ font-size:15px;}
.part7 .more{ margin:5% auto;}
.part8 li{width: calc(100% / 2);}
.part8 .btns .bigNum{ font-size:70px;}
.part8{height:auto; padding-top:10%}
.part8 ul{ margin-top:10%}
.part8 .btns{ margin:15% 0;}
.part8 .head .b{ font-size:24px;}
.part8 .btns .b{ font-size:26px;}
.part8 .btns .s{ font-size:14px;}
.part5 .right .p{ bottom:28%;}
.part6 .left .p{ bottom:65%;}

}
@media (max-width:320px){
.part1 .p1_wrap .b_box .head{ margin:20% auto}
.part1 .p1_wrap .b_box .head .c{ font-size:20px;}
.part1 .p1_wrap .b_box .head .r,.part1 .p1_wrap .b_box .head .l{ font-size:13px;}
.part2 .head .b{height:auto;font-size:22px;line-height:inherit}
.part2 ul li .b{ font-size:16px;}
.part2 ul li .s{ font-size:12px; line-height:inherit}
.part4 .right li{ width:100%}
.part8 .btns .b{ font-size:22px;}
.part8 .btns .s{ font-size:13px;}
.part8 .btns .bigNum{ font-size:55px;}
}